<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >
<title>VMSS</title>
<link rel="stylesheet" type="text/css" href="css/basic.css" />
<link rel="stylesheet" type="text/css" href="css/pop.css" />
<link rel="stylesheet" type="text/css" href="css/public.css" />
<link rel="stylesheet" type="text/css" href="css/list.css" />
<link rel="stylesheet" type="text/css" href="css/contrast.css" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.ba-hashchange.js"></script>
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/public.js"></script>
<script type="text/javascript" src="js/setHash.js"></script>
</head>
<body>
<div class="header"></div>
<div class="wrapper">
	<div class="list">
		<div class="list_panel container_radius">
			<div class="wrapper_title"><b class="colorLightGreen">商家套餐列表</b><span>(找到<b class="colorDarkGreen">40</b>款符合产品)</span><a href="#contrast" class="wrapper_title_right a_as_button">比较</a></div>
			<div class="list_table">
				<table cellpadding="0" cellspacing="0" >
					<tbody>
						<tr>
							<th>&nbsp;</th>
							<th>商家</th>
							<th>产品名称</th>
							<th>保额</th>
							<th>附加服务</th>
							<th>套餐内容</th>
							<th>24小时理赔</th>
							<th>呼叫中心</th>
							<th>操作</th>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td>平安</td>
							<td>热门型</td>
							<td>4000元</td>
							<td>满300送300</td>
							<td><div class="list_plan_content">车损；三者（20万）；盗抢；司机（1万/座）；乘客（1万/座）；玻璃（国产玻璃）；不计免赔（车损/三责/司机）</div></td>
							<td>有</td>
							<td>&nbsp;</td>
							<td><a href="">购买</a>　<a href="">查看详情</a></td>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td>平安</td>
							<td>基本型</td>
							<td>3500元</td>
							<td>满300送300</td>
							<td><div class="list_plan_content">车损；三者（10万）</div></td>
							<td>有</td>
							<td>&nbsp;</td>
							<td><a href="">购买</a>　<a href="">查看详情</a></td>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td>太平洋</td>
							<td>基本型</td>
							<td>1000元</td>
							<td>满300送300</td>
							<td><div class="list_plan_content">车损；三者（20万）；盗抢；司机（1万/座）；乘客（1万/座）；玻璃（国产玻璃）；不计免赔（车损/三责/司机）</div></td>
							<td>&nbsp;</td>
							<td>有</td>
							<td><a href="">购买</a>　<a href="">查看详情</a></td>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td>平安</td>
							<td>基本型</td>
							<td>4000元</td>
							<td>满300送300</td>
							<td><div class="list_plan_content">车损；三者（20万）；盗抢；司机（1万/座）；乘客（1万/座）；玻璃（国产玻璃）；不计免赔（车损/三责/司机）</div></td>
							<td>有</td>
							<td>&nbsp;</td>
							<td><a href="">购买</a>　<a href="">查看详情</a></td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>
<div class="footer"></div>
<script type="text/javascript">
$(".list_table table tr:even").addClass("even");
$(".list_table table tr").bind("mouseenter mouseleave",function(){
	$(this).toggleClass("hover");
}).bind("click",function(){
	var thisCheckbox=$(this).find(":checkbox");
	if(thisCheckbox.is(":checked")){
		thisCheckbox.attr("checked",false);
		$(this).removeClass("selected");
	}else{
		thisCheckbox.attr("checked",true);
		$(this).addClass("selected");
	}
}).find("a").bind("click",function(event){
	event.stopPropagation();
});
$(".list_table table tr :checkbox").bind("click",function(event){
	event.stopPropagation();
	if($(this).is(":checked")){
		$(this).parents("tr").addClass("selected");
	}else{
		$(this).parents("tr").removeClass("selected");
	}
});
</script>
</body>
</html>
